<template>
  <div
    style="
      display: flex;
      width: 100%;
      height: 600px;
      background-color: #d3d3d3;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    "
  >
    <div style="width: 200px; height: 200px; background-color: #add8e6"></div>
    <div style="width: 300px; height: 100px; background-color: #90ee90"></div>
    <div style="width: 150px; height: 150px; background-color: #ffffe0"></div>
    <div style="width: 250px; height: 120px; background-color: #ffb6c1"></div>
    <div style="width: 180px; height: 180px; background-color: #e6e6fa"></div>
  </div>
</template>

<style scoped>
div > div {
  margin-bottom: 10px;
}

div > div:last-child {
  margin-bottom: 0px;
}
</style>
